<!doctype html>
<html>		
		<head>
			<meta charset="utf-8">
			<script src="js/angular.min.js"></script>
		</head>
		<body ng-app>
		 <div ng-controller="EmployeeController">
		      Manager: {{employee.name}} [ {{department}} ]<br>
		      Reports:
		        <ul>
		          <li ng-repeat="employee in employee.reports">
		            {{employee.name}} [ {{department}} ]
		          </li>
		        </ul>
		      <hr>
		      {{greeting}}
		    </div>
		</body>
		<style type="text/css">
		.ng-scope {
		  border: 1px dashed red;
		}
		</style>

		<script type="text/javascript">
		function EmployeeController($scope) {
		  $scope.department = 'Engineering';
		  $scope.employee = {
		    name: 'Joe the Manager',
		    reports: [
		      {name: 'John Smith'},
		      {name: 'Mary Run'}
		    ]
		  };
		}
		</script>
</html>
